<template>
  <div id="app">
    <h1 style="text-align: center;">这是分页器的测试容器</h1>
    <Pager @page-change="handlePageChange" :current="current" :total="300" :visible-number="10" />
  </div>
</template>

<script>
import Pager from './index.vue'
export default {
  name: 'App',
  components: {
    Pager
  },
  data() {
    return {
      current: 2
    }
  },
  methods: {
    handlePageChange(page) {
      console.log('接收了参数', page)
      this.current = page
    }
  },
  computed: {
  }
}
</script>

<style scoped lang="less">
</style>
